<!DOCTYPE html>
<html>
<head>

    {% load staticfiles %}

<title>大数据项目开发-联系我们</title>
<link href={% static "css/bootstrap.css" %} rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src={% static "js/jquery.min.js" %}></script>
<!-- Custom Theme files -->
<link href={% static "css/style.css" %} rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Literacy Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- for bootstrap working -->
	<script type="text/javascript" src={% static "js/bootstrap.js" %}></script>
<!-- //for bootstrap working -->
<script src={% static "js/responsiveslides.min.js" %}></script>
<script>
    // You can also use "$(window).load(function() {"
    $(function () {
      // Slideshow 1
      $("#slider1").responsiveSlides({
         auto: true,
		 nav: true,
		 speed: 500,
		 namespace: "callbacks",
      });
    });
  </script>
  <!-- web-fonts -->
  <link href='http://fonts.useso.com/css?family=Open+Sans:400,700,600italic,400italic,600,300italic,300,700italic,800,800italic' rel='stylesheet' type='text/css'>
	<!-- web-fonts -->
<script type="text/javascript" src={% static "js/move-top.js" %}></script>
<script type="text/javascript" src={% static "js/easing.js" %}></script>
<!--/script-->
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
</head>
<body>
	<!-- header-section-starts-here -->
	<div class="header">
		<div class="container">
			<div class="header-top">
				<p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>Phone:+128-546-6853</p>
				<div class="logo">
					<h1><a href="http://1.185.4.76:8080/contact/">联系我们</a></h1>
				</div>

				<div class="clearfix"></div>
			</div>


            <!-- navigation -->
			<div class="navigation">
					<nav class="navbar navbar-default">

						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
						  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						  </button>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
							  <ul class="nav navbar-nav">
								<li><a href="http://1.185.4.76:8080/">首页<span class="sr-only">(current)</span></a></li>
								<!--
								  <li><a href="about.html">ABOUT</a></li>
								  -->
								<li><a href="http://1.185.4.76:8080/analysis/">数据分析</a></li>
								<li><a href="http://1.185.4.76:8080/management/">后台管理</a></li>
								  <!--
								<li><a href="blog.html">Blog</a></li>
								-->
								<li class="active"><a href="http://1.185.4.76:8080/contact/">联系我们</a></li>
							  </ul>
						  <div class="clearfix"></div>
						</div><!-- /.navbar-collapse -->
					</nav>
			</div>
			<!-- //navigation -->


		</div>
	</div>
	<!-- header-section-ends-here -->
	<!-- content-section-starts-here -->
	<div class="content">
		<!--contact-->
	 <div class="contact-section">
	    <div class="container">
		  <h2 class="heading text-center">联系我们</h2>
				<div class="contact-main">
					<div class="col-md-6 contact-grid">
                        <form method="POST">
                            {% csrf_token %}
                            {{ form }}
							<p class="your-para">您的姓名:</p>
							<input type="text" name="userName" value="" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
							<p class="your-para">您的邮箱:</p>
							<input type="text" name="userEmail" value="" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='';}">
							<p class="your-para">您的信息:</p>
							<textarea cols="77" name="userMessage"rows="6" onfocus="this.value='';" onblur="if (this.value == '') {this.value = '';}"></textarea>
							<div class="send">
								<input type="submit" name="send" value="发送" >
							</div>
						</form>
					</div>
					<div class="col-md-6 contact-in">
						<p class="sed-para"> 请提供您真实的姓名和邮箱，方便我们对您的问题做出最快速的回复，为您节省宝贵的时间</p>
						<p class="para1">广西大学电气学院现有1个一级学科博士点，7个二级学科博士点，3个一级学科硕士点，17个二级学科硕士点。一支结构合理的教学、科研梯队正在形成。学院还承担着国家“西电东送”关键技术的研究。争取创建电力系统及其自动化国家重点学科。</p>
						<div class="more-address">
								<address>
								  <strong>我们的地址</strong><br>
								  广西,南宁,大学东路100号<br>
								  广西大学,电气工程学院,410实验室<br>
								  <abbr title="Phone">P:</abbr> (0773) 111-5555
								</address>
								<address>
								  <strong>我们的邮箱</strong><br>
								  <a href="mailto:info@example.com">dashujuxiangmu@163.com</a>
							   </address>
						  </div>
					</div>
						<div class="clearfix"> </div>
			      </div>
		        <h3 class="text-center find">找我们 在这里</h3>
		   <div class="map">
				<iframe src="http://map.baidu.com/?newmap=1&ie=utf-8&s=s%26wd%3D%E5%B9%BF%E8%A5%BF%E5%A4%A7%E5%AD%A6" style="border:0"></iframe>
			</div>
	   </div>
     </div>
<!--//contact-->

	</div>

	<!-- //News-section -->
	<!-- //content-section-ends-here -->
	<!-- footer-section-starts-here -->
	<!-- footer-section -->
	<div class="footer">
		<div class="footer-top">
			<div class="container">
				<div class="col-md-4 footer-grid">
					<h5>业务合作</h5>
					<p>如果您对于我们所做的网站还感兴趣的话，可以将您的E-mail邮箱通过下面的方框发送给我们，我们将主动与您联系，为您解决网站搭建方面的诸多困惑。 </p>
					<form>
						<input type="text" class="text" value="Enter Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter Email';}">
						<input type="submit" value="提交">
						<div class="clearfix"></div>
					</form>
				</div>
				<div class="col-md-4 footer-grid">
					<h5>团队宗旨</h5>
					<p>我们的目标是让全世界每家每户都用上清洁高效、安全可靠、价格低廉的太阳能，让全世界充满阳光！</p>

					<p>我们所做的一切都是崇高而伟大，平凡却又美好的工作，don't think of too much,just do it!</p>

				</div>
				<div class="col-md-4 footer-grid">
					<h5>联系我们</h5>
					<p>您可以通过QQ、微信、微博、手机、邮件等方式联系我们，我们将竭诚为您提供我们所有的帮助</p>

					<p>QQ：123456；微信：7895462；微博：234664@weibo.con;手机:15963248564;邮件:dashuju@163.com</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container">
				<div class="copyrights text-center">
					<p>Copyright &copy; 2015.广西大学电气工程学院410实验室.<a target="_blank" href="http://http://www.gxu.edu.cn//">广西大学</a></p>
				</div>
				<div class="footer-nav">
					<ul>
						<li><a class="scroll" href="#movetop">首页 <span class="sr-only">(current)</span></a></li>
						<li><a href="http://1.185.4.76:8080/analysis/">数据分析</a></li>
						<li><a href="http://1.185.4.76:8080/management/">后台管理</a></li>
						<li><a href="http://1.185.4.76:8080/contact/">联系我们</a></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- //footer-section -->
	<!-- //footer-section-ends-here -->


	<script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!---->
</body>
</html>